@tailwind base;
@tailwind components;
@tailwind utilities;

/* 自定义动画 */
@layer utilities {
    @keyframes fadeInUp {
        from {
            opacity: 0;
            transform: translateY(20px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @keyframes bounce {
        0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
        40% { transform: translateY(-10px); }
        60% { transform: translateY(-5px); }
    }

    @keyframes clickEffect {
        0% { transform: scale(1); }
        50% { transform: scale(1.1); }
        100% { transform: scale(1); }
    }

    .animate-fade-in-up {
        animation: fadeInUp 1s ease-in-out;
    }

    .animate-bounce {
        animation: bounce 2s infinite;
    }

    .animate-click {
        animation: clickEffect 0.3s;
    }
} 